<template>
  <div class="bread">
    <div class="nav-breadcrumb-wrap">
      <div class="container">
        <nav class="nav-breadcrumb">
          <a href="/">主页</a>
          <slot></slot>
        </nav>
      </div>
    </div>
  </div>
</template>

<script type="text/ecmascript-6">
  export default{}
</script>

<style rel="stylesheet">
  .nav-breadcrumb-wrap {
    background: #f0f0f0;
  }

  /** 面包屑 **/
  .nav-breadcrumb {
    padding: 10px 0;
    line-height: 25px;
    font-size: 14px;
  }

  .nav-breadcrumb a {
    position: relative;
    margin-right: 16px;
    color: #999;
  }

  .nav-breadcrumb a:after {
    position: absolute;
    top: 3px;
    right: -12px;
    content: "/";
    line-height: 1.2;
  }

  .nav-breadcrumb a:hover {
    color: #d1434a;
  }

  .nav-breadcrumb span {
    color: #d1434a;
  }
</style>
